
.main {
    background: #f7f8f8;

}

.game-list {
    width: 16rem;
    overflow: hidden;
    padding-top: .333rem;
}

.game-list ul li {
    float: left;
    margin-left: .333rem;
    margin-bottom: .333rem;
    width: 7.5rem;
    height: 10.75rem;
    background: #fff;
    border-top-right-radius: .2rem;
    border-top-left-radius: .2rem;
    position: relative;
}

.game-list ul li .game-list-img {
    width: 7.5rem;
    height: 7.5rem;
    border-top-right-radius: .2rem;
    border-top-left-radius: .2rem;
}

.game-list ul li .title {
    margin-left: .6rem;
    margin-top: .3rem;
    font-size: .525rem;
    color: #595757;
}

.game-list ul li .people-num {
    margin-left: .6rem;
    margin-top: .175rem;
    font-size: .4rem;
    color: #b5b5b6;
}

.game-list ul li .start-game {
    width: 7.5rem;
    height: 1.4rem;
    border-top: 1px dotted #f0f0f0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.game-list ul li .start-game img {
    width: .225rem;
    height: .425rem;
    float: left;
    margin-left: 4.25rem;
    margin-top: .45rem;
}

.game-list ul li .start-game .star-btn {
    display: block;
    float: right;
    width: 3rem;
    height: 1.4rem;
    text-align: center;
    line-height: 1.4rem;
    font-size: .55rem;
    color: #e50038;
}

.game-list ul li .start-game .star-btn:active {
    background: #f0f0f0;
}

